@import '~@/assets/css/variable';
@deep:~'>>>';
@state_h: 10px;
.search-encoder {
  margin-left: 210px;
}
.myicon { font-size: 12px; }
.el-icon-bottom {
  color: @color-warning;
}
.ulink-table-search { margin-bottom: 0; }
@{deep} {
  .dropdown-spec {
    width: auto !important;
    .el-dropdown .el-dropdown-link {
      color: #909399;
    }
  }
  .vm { vertical-align: middle; }
}
.mris-wrapper {
  padding-top: @spacing-row-sm;
}
.info-wrapper {
  &__tips {
    font-size: @font-size-mini;
    font-weight: normal;
    padding-left: @spacing-row-sm;
    color: fadeout(@text-color-grey, 30%);
  }
  .tips-spec {
    color: fadeout(@text-color-grey, 5%);
  }
}
.info-cont__header {
  .ulink-table-search {
    padding: 0;
    background: @color-info;
    margin-bottom: 0;
  }
}
.mt2 { margin-top: @spacing-col-sm * .2; }
.search-inner {
  position: absolute;
  left: @spacing-row-sm;
  top: @spacing-row-sm;
  z-index: 999;
  background: #fff;
}
.cont-hidden { visibility: hidden; }
.info-spec {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  &>div {
    line-height: @line-height-small * 2 / 3;
  }
  &__txt {
    min-width: 85px;
    text-align: right;
    color: @text-color-grey;
    font-size: @font-size-ctent;
    padding-right: @spacing-row-sm;
  }
  &__val {
    color: @text-color;
    font-weight: 500;
    font-size: calc(@font-size-base * 1.8);
    min-width: 60px;
    text-align: right;
  }
  &__gap {
    padding: 0 @spacing-row-sm;
    color: fadeout(@text-color-grey, 30%);
  }
  &__extral {
    flex-grow: 1;
    color: @text-color;
    font-size: calc(@font-size-base * 1.3);
    text-align: right;
  }
}
.info-spec--nodata .info-spec__val {
  min-width: auto;
}
.icon-pop {
  font-size: calc(@font-size-base * 1.6);
}